/* LESS Document */
@rem:40rem;
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin:0;
	padding:0;
	}
ul li{
	list-style:none;
	}
a{
	text-decoration:none;
	}
.clearFix{
	zoom:1;
	&:before{
	    content:'';
		display:block;
		clear:both;
	}
		}
html{
	padding:0;
	width:100%;
	overflow:hidden;
	position:relative;
	}
body{
	margin:0;
	 padding:0;
	 width:100%;
	 overflow:hidden;
	 
	}
.head{
	width:100%;
	height:100/@rem;
	position:absolute;
	left:0;
	top:0;
	background:#000;
	  padding:25/@rem;
	  box-sizing:border-box;
	.m-logo{
	  width:253/@rem;
	  height:58/@rem;
	  display:inline-block;
	
	  float:left;
		}
		
		
	.nav{
		float:right;
		width:65/@rem;
		height:68/@rem;
		}
		
		
	.navList{ 
	    width:100%;
		height:60/@rem;
		background:rgba(0,0,0,.8);
		position:absolute;
		left:0;
		bottom:-60/@rem;
		display:none;
		index:2;
	    
		ul{
			
			width:100%;
			overflow:hidden;
			display:-webkit-flex;
			display:flex;
			flex-direction: row;
			flex-wrap: nowrap ;
			justify-content:space-around;
		li{
		   float:left;
		   font-size:24/@rem;
		   line-height:60/@rem;
		    flex-grow:1;
			color:#fff;
		 
		   
		a{
			  display:block;
			  text-align:center;
			  color:#fff;
			
			}
			
			
		   }
		   
		   
			}
			
			
		}
		
		
	}
.content{
	width:100%;
	padding-top:100/@rem;
	background:#f4f4f4;
	
	}